<gm:page title="TravelMeetup" authenticate="false">
<!--  <gm:page title="TravelMeetup" authenticate="false" onload="InitializeTimer()"> -->

  <gm:tabs target="main"/>
 
  <gm:container id="main">
    <gm:section id="section1" title="TravelMeetup">
   <script src=resources/meetupinc.js"></script>
   <script src=resources/traveldeals.js"></script>
  <table width="1600">
    <tr valign="top">
      <td width="200">
        <!-- Section 1: Group List -->
        <table width="200">
        <tr>
         <td>
          <gm:list id="id_contacts" data="http://pipes.yahoo.com/pipes/pipe.run?_id=5f52bb2c7d2c6581ae5c2d31b5f1fb75&_render=rss&param1=rnretre1" template="template_list_contacts" pageSize="5">
          </gm:list>
        </td>
        </tr>
        <tr><td colspan="2"><font color="blue"> Powered by SDP</font></td><tr>

        <tr valign="top">
          <td class="placesPanel">
            <!-- 
            <div id="popup_locn_g" onclick="refreshContacts();">
            <img src="resources/location.jpg"/><div>
            -->
            <div id="popup_conf_g" onclick="confCallInvoke('id_contacts');">
            <img src="resources/confcall1.jpg"/><div>
          </td>
        </tr>

        <tr valign="top">
          <td class="placesPanel">
                <div id="popup_sms_g" onclick="telcoSvcMeetup('gsms', 'Group SMS ', 'id_msg_prefix', 'title', 'id_contacts', 'id_places');">
                    <img src="resources/groupSms.jpg"/><div>

<!--
    <div id="popup_sms_g" onclick="telcoSvc('gsms', 'Group SMS ', 'id_msg_prefix', 'title', 'id_ph_no', 'id_group_list');">
<a href=""><img src="resources/groupSms.jpg"/> </a><div> 
-->
          </td>
        </tr>
       </table>
        
      </td>
              <!-- Section 1: Map -->
      <td class="mainPanel" width="800">
      <gm:map id="id_map_travelmeetup" data="${id_contacts}" latref="geo:lat" lngref="geo:long" create="true" zoom="10"
      infotemplate="templatemap">
      <gm:handleEvent src="id_contacts"/>
      <gm:handleEvent src="id_places"/>
      </gm:map>
      </td>
                    <!-- Section 1: Locations -->
      <td width="600">
        <table width="600">
        <tr>
         <td colspan="2">
          Search Places to Visit: <input type="text" id="id_visit" name="input_visit" value="Restaurants"/><input type="button" value="find" onclick="findPlaces(1,0,0)"/>
        </td>
        </tr>
        <tr valign="top">
          <td class="placesPanel">
             <gm:list id="id_places" template="template_list_places" pageSize="5">
             </gm:list>
          </td>
        </tr>
        <tr valign="top">
          <td class="placesPanel">
        <input type="button" value="MapIt" onclick="findPlaces(0,1,0)"/>
        <input type="button" value="Clear and MapIt" onclick="findPlaces(0,1,1)"/>
        </td>
        </tr>
       </table>
    </td>
    </tr>
  </table>

  <p/>

        
    </gm:section>
    <gm:section id="section2" title="Setup">
            <table class="blue-theme" border="1"
cellpadding="3" cellspacing="1">
          <tr><td colspan="2"><font color="blue"> Powered by Service Delivery Platform</font></td><tr>
          <tr><td>Location Feed:</td><td>
          <div>
              <input type="button" name="set" value="Disable" onclick="return setRecurTimerOff()"/> 
              <input type="button" name="set" value="Enable" onclick="return setRecurTimerOn()"/> 
          </div>
          </td></tr>
          <tr><td>GroupList Message Prefix:</td>
          <td>
          <div>
              <input type ="text" id="id_msg_prefix" size="50" value="Folks, check out this great deal... "/>
              <input type="button" name="set" value="set" onClick="return setText(this, 'id_msg_prefix')"/> 
          </div>
          </td>
          </tr>

         <tr><td>Star Rating Greater than:</td>
          <td>
          <div>
              <input type ="text" id="id_star" size="3" value=""/> Stars
          </div>
          </td>
          </tr>

         <tr><td>Reference Address</td>
          <td>
          <div>
              <input type ="text" id="id_addr" size="20" value="234 W 42nd St, NY, NY"/>
          </div>
          </td>
          </tr>

          </table>      
      
    </gm:section>
  </gm:container>

  <gm:template id="templatemap">
<b><i>Place to Visit:</i></b>
<table>

<tr repeat="true">
<td><gm:text ref="atom:title"/>
<b><gm:html ref="atom:summary"/></b></td>
</tr>
</table>

</gm:template>

<!-- SECTION 1: List of My Contacts. Ability to Map them -->
<gm:template id="template_list_contacts">

<table class="blue-theme" border="1" cellpadding="3" cellspacing="1">
<thead><tr><td>Contacts</td>
</tr></thead>
<tbody repeat="true">
    <tr>
      <td width=40><gm:html ref="atom:title"/></td>
      <td>
        <gm:text ref="atom:author/atom:name"/>
      </td>
    </tr>
</tbody>
</table>
</gm:template>


<!-- SECTION 1: List of Favorite Resturants. Ability to Map them -->
<gm:template id="template_list_places">

<table class="blue-theme" border="1" cellpadding="3" cellspacing="1">

<thead><tr><td>List of Places</td>
<td>Summary</td>
</tr></thead>
<tbody repeat="true"><tr><td width=100><gm:html ref="atom:title"/></td>
<td width=500> <gm:html ref="atom:summary"/> </td>
</tr>
</tbody>
</table>
</gm:template>

<!-- SECTION 2 -->

<!-- JAVASCRIPT -->

</gm:page>